<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>初级认证</title>
    <link rel="stylesheet" href="../css/index.min.css?1569660842949">
</head>

<body>
    <header class="header auth_header">
        <div class="header-con">
            <section class="back header_icon"></section>
            <section class="title">初级认证</section>
        </div>
    </header>
    <section class="title_sub line default_h_top">
        根据监管部门要求，用户须进行实名认证，才可进行提币操作。为方便后续认证，所填信息须准确无误，因提 供虚假信息所造成的一切后果，由您本人承担。
    </section>
    <main class="main auth_main" id="main_address">

        <br>
        <section class="text_con">
            <span class="title mini_title_width">姓名:</span>
            <input class="input" type="text" placeholder="请输入姓名">
        </section>
        <section class="text_con">
            <span class="title mini_title_width">国籍:</span>
            <input class="input" type="text" readonly id="address" placeholder="请选择国籍">
            <!-- <section class="right-icon arrow_right"></section> -->
        </section>
        <section class="text_con business_address">
            <span class="title max_title_width">证件类型:</span>
            <input class="input" type="text" placeholder="身份证">
        </section>
        <section class="text_con business_address">
            <span class="title max_title_width">证件号码:</span>
            <input class="input"  type='number' pattern="[0-9]*" placeholder="请输入证件号码">
        </section>
        <br>
        <br>
        <br>
        <br>
        <button class="btn btn_info">确认</button>
    </main>
    <script src="../js/all.min.js"></script>
    <script>
        window.onload = function() {
            var data = {
                "甘肃省":{
                "定西市":[1,2,6,7,7,8,8,9,0,6,98,76,5],
                "兰州市":[3,4]
                },
                "陕西省":{
                "安康市":[5,6],
                "榆林市":[7,8]
                }
            }
            var address = document.getElementById("address");
            address.onfocus = function() {
                document.activeElement.blur();
            };
            address.onclick = function(){
            var pickerView = new PickerView({
                bindElem: address,
                data: data,
                title: '省市县选择',
                leftText: '取消',
                rightText: '确定',
                rightFn: function( selectArr ){
                    // 将家庭成员展示到showText类名的div中
                    document.querySelector("#address").value = selectArr.join("-");
                }
            });
            }
            

        }
    </script>
</body>

</html>